﻿@{
ViewBag.Title = "单日报销申请";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@section mystyle{
<link href="~/Content/vendor/fullcalendar2/dist/fullcalendar.min.css" rel="stylesheet"/>
}

<div class="container">
  <div class="row">
    <div class="col-sm-12 text-center" id="projectInfo">
      <h1></h1>
      <h3></h3>
    </div>
  </div>
  <div id="lists">
    <validator name="validation1">
      <form class="form-horizontal">

        <div class="form-group line-height-34">
          <div class="col-sm-3 col-sm-offset-3"><h3>交通工具</h3></div>
          <div class="col-sm-1"><h3>金额</h3></div>
          <div class="col-sm-1"><h3>备注</h3></div>
        </div>

        <div class="form-group line-height-34">
          <div class="col-sm-3 col-sm-offset-3">城市间交通费用</div>
          <div class="col-sm-6" id="CityTrafficCost">总计：<span class="all">{{allCost1}}</span>元 <span class="red">（不超过<span class="limit" id="limit1"></span>元)</span></div>
        </div>

        <div>
          <div v-for="list in allList1" v-if="allList1.length > 0">
            <div class="form-group">
              <div class="col-sm-2 col-sm-offset-3">{{list.selected}}</div>
              <div class="col-sm-2">{{list.cost}}</div>
              <div class="col-sm-2">{{list.info}}</div>
              <div class="col-sm-2"><button type="button" class="btn btn-danger" v-on:click="del1($index)">
                <span class="glyphicon glyphicon-minus-sign"></span></button></div>
            </div>
          </div>


          <div class="form-group">
            <div class="col-sm-2 col-sm-offset-3">
              <select class="form-control" name="f1" id="f1" v-model="form1.cName">
                <option value="" selected="selected">请选择</option>
                <option v-for="option in select1" v-bind:value="option.Text">
                  {{ option.Text }}
                </option>
              </select>
            </div>

            <div class="col-sm-2">
              <input type="text" name="f2" id="f2" class="form-control text-right" placeholder="元" v-model="form1.cost" v-on:keyup="change1()">
            </div>

            <div class="col-sm-2">
              <input type="text" name="f3" id="f3" class="form-control" placeholder="费用说明" v-model="form1.info">
            </div>

            <div class="col-sm-2">
              <button type="button" class="btn btn-success" v-on:click="add1()">
                <span class="glyphicon glyphicon-plus-sign"></span></button>
            </div>



          </div>

          <!--<div class="form-group">
            <div class="col-sm-6 col-sm-offset-3">

            </div>
          </div>-->


        </div>


        <div></div>

        <div class="form-group line-height-34">
          <div class="col-sm-3 col-sm-offset-3"><h3>交通工具</h3></div>
          <div class="col-sm-1"><h3>金额</h3></div>
          <div class="col-sm-1"><h3>备注</h3></div>
        </div>

        <div class="form-group line-height-34">
          <div class="col-sm-3 col-sm-offset-3">市内交通费用</div>
          <div class="col-sm-6" id="DowntownTrafficCost">总计：<span class="all">{{allCost2}}</span>元 <span class="red">（不超过<span class="limit" id="limit2"></span>元)</span></div>
        </div>

        <div v-for="list in allList2" v-if="allList2.length > 0">
          <div class="form-group">
            <div class="col-sm-2 col-sm-offset-3">{{list.selected}}</div>
            <div class="col-sm-2">{{list.cost}}</div>
            <div class="col-sm-2">{{list.info}}</div>
            <div class="col-sm-2"><button type="button" class="btn btn-danger" v-on:click="del2($index)">
              <span class="glyphicon glyphicon-minus-sign"></span></button></div>
          </div>
        </div>

        <div>

          <div class="form-group">
            <div class="col-sm-2 col-sm-offset-3">
              <select class="form-control" name="f4" id="f4" v-model="form2.cName">
                <option value="" selected="selected">请选择</option>
                <option v-for="option in select2" v-bind:value="option.Text">
                  {{ option.Text }}
                </option>
              </select>
            </div>

            <div class="col-sm-2">
              <input type="text" name="f5" id="f5" class="form-control text-right" placeholder="元" v-model="form2.cost" v-on:keyup="change2()">
            </div>

            <div class="col-sm-2">
              <input type="text" name="f6" id="f6" class="form-control" placeholder="费用说明" v-model="form2.info">
            </div>

            <div class="col-sm-2">
              <button type="button" class="btn btn-success" v-on:click="add2()">
                <span class="glyphicon glyphicon-plus-sign"></span></button>
            </div>

          </div>

          <!--<div class="form-group">
            <div class="col-sm-6 col-sm-offset-3">

            </div>
          </div>-->


        </div>


        <div></div>

        <div class="form-group">
          <div class="col-sm-2 col-sm-offset-3 line-height-34">住宿费用</div>
          <div class="col-sm-6">
            <p id="AccommodationCost">总计：<span class="all">{{other.live1 == '' ? 0 : other.live1}}</span>元 <span class="red">（不超过<span class="limit" id="limit3"></span>元)</span></p>
            <div class="row">
              <div class="col-sm-6">
                <input type="text" name="" id="" class="form-control text-right" placeholder="元" v-model="other.live1">
              </div>
              <div class="col-sm-6">
                <input type="text" name="" id="" class="form-control" placeholder="费用说明" v-model="other.live2"></div>
            </div>
          </div>
        </div>

        <div class="form-group">
          <div class="col-sm-2 col-sm-offset-3 line-height-34">包干费用</div>
          <div class="col-sm-6">
            <p id="LivingCost">总计：<span class="all">{{other.lump1 == '' ? 0 : other.lump1}}</span>元 <span class="red">（不超过<span class="limit" id="limit4"></span>元)</span></p>
            <div class="row">
              <div class="col-sm-6">
                <input type="text" name="" id="" class="form-control text-right" placeholder="元" v-model="other.lump1">
              </div>
              <div class="col-sm-6">
                <input type="text" name="" id="" class="form-control" placeholder="费用说明" v-model="other.lump2"></div>
            </div>
          </div>
        </div>

        <div class="form-group">
          <div class="col-sm-2 col-sm-offset-3 line-height-34">项目费用</div>
          <div class="col-sm-6">
            <p id="OtherCost">总计：<span class="all">{{other.project1 == '' ? 0 : other.project1}}</span>元 <span class="red">（不超过<span class="limit" id="limit5"></span>元)</span></p>
            <div class="row">
              <div class="col-sm-6">
                <input type="text" name="" id="" class="form-control text-right" placeholder="元" v-model="other.project1">
              </div>
              <div class="col-sm-6">
                <input type="text" name="" id="" class="form-control" placeholder="费用说明" v-model="other.project2"></div>
            </div>
          </div>
        </div>

        <div class="form-group">
          <div class="col-sm-2 col-sm-offset-3 line-height-34">发票上传</div>
          <div class="col-sm-3">
            <div class="c-file" id="uploadContainer">
              <input type="text" name="pickfiles" id="pickfiles" class="form-control" placeholder="选择文件" readonly>
              <!--<label name="fileName" id="fileName"></label>-->
            </div>

            <!--<button type="button" id="upload">上传</button>-->
            <input type="hidden" id="domain" value="http://o8wd2ksiq.bkt.clouddn.com/">
            <input type="hidden" id="FileURL" value="" />
            <!--<input type="file" name="file" id="file">-->
            <!--<img src="#" alt="" class="margin-top-10">-->
          </div>
          <div class="col-sm-3">
            <label for="pickfiles" class="btn btn-primary">选择文件</label>
          </div>
        </div>

        <div class="form-group">
          <div class="col-sm-2 col-sm-offset-3 line-height-34">
            <button type="button" class="btn btn-danger btn-block" id="save" >保存</button>
          </div>
        </div>

      </form>
    </validator>

  </div>
</div>


<div class="modal fade" id="alert" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content padding-10 text-center">
      <h1>添加成功！</h1>
      <button type="button" class="btn btn-success margin-top-20" id="return">确定</button>
    </div>
  </div>
</div>
@section myscript{
<script src="~/Content/qiniu/plupload-2.1.8/js/plupload.full.min.js"></script>
<script src="~/Content/qiniu/plupload-2.1.8/js/i18n/zh_CN.js"></script>
<script src="~/Content/qiniu/qiniu.min.js"></script>
<script src="~/Content/vendor/vue/vue.min.js"></script>
<script src="~/Content/js/bind41.js"></script>
}